---
import { UserButton, SignInButton, SignedIn, SignedOut } from '@clerk/astro/components';
import { OrganizationSwitcher } from '@clerk/astro/react';
import Layout from '../layouts/Layout.astro';

export const prerender = false;
---

<Layout title='Home'>
  <SignedOut isStatic={false}>
    <h1>Signed out</h1>
    <SignInButton
      mode='modal'
      fallbackRedirectUrl='/'
    />
  </SignedOut>
  <SignedIn isStatic={false}>
    <h1>Signed in</h1>
    <UserButton />
    <OrganizationSwitcher client:load />
  </SignedIn>
</Layout>
